<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<meta name="viewport" content="width=device-width, 2.initial-scale=1.0, 3.maximum-scale=1.0, 4.user-scalable=no">-->
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/curriculum.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <![endif]-->
    <script src="__JS__/jquery-1.11.3.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <link rel="stylesheet" href="__CSS__/button.css">
    <link rel="stylesheet" href="__PUBLIC__/4.2.0/css/font-awesome.css">
    <link rel="stylesheet" href="__PUBLIC__/4.2.0/css/font-awesome-ie7.min.css">
</head>
<body>
<div class="container"style="background-color: black">
    <div class="row"  style="padding: 1rem;">
        <div class="col-xs-12" >
            <a href="{:url('Index/index')}"  style="font-size: 3rem;color:white;">
                <span class="glyphicon glyphicon-tint"></span>在线学习
            </a>

        </div>
    </div>
</div>

<!--头部结束-->




<!--这里遍历课程-->
    <div class="container-fluid" style=" margin-top: 20px">
        <div class="container">
            <div class="row">
                <div class="col-xs-4">
                    <button style="color: #b7b6b9;"  onclick="javascript:history.go(-1)" class="button button-large button-plain button-border button-circle"><i class="fa fa-reply"></i></button>
                </div>

            </div>
            <div class="row" id="box1">
                {empty name="course"}
                    <div class="col-sm-3  img-rounded ">
                        <p>这里面神马也没有耶</p>
                        <div style="width:100%;height: 100px;border: 0px red solid;background-image: url('__IMAGES__/2014080608414226130.gif');background-size: 100% 100%"  >
                        </div>
                    </div>
                {else /}
                {volist name="course" id="val"}
                <div class="container">
                    <div class="row " style="margin: 1rem;height: 9rem;background-color: rgba(240,236,231,0.08)">
                        <div class=" col-sm-4 col-xs-4  " style="height: 100%;font-size: xx-small;background-image: url('__IMAGES__/su3.jpg');text-shadow:3px 1px 2px #fffdfe">
                            <div style="color: #fff6f9;" >
                                <br>
                                <p style="border-bottom: 1px black solid">  {$val.record_name}</p>
                                <p>  <strong>{$val.category}</strong></p>
                            </div>
                        </div>

                        <div class=" col-sm-8 col-xs-8  text-left" style="height: 100%;padding: 1rem">
                            <a href="{:url('Chapter/chaptershow')}?id={$val.id}">
                                <!--简介：-->
                                <div style="height: 50px;font-size: 10px"> {$val.introduce}</div>
                                <p> 具体难度：  {$val.difficulty}</p>
                                <span style="color: #ff041d;" class="pull-right">￥{$val.charge} </span>
                            </a>
                        </div>
                    </div>
                </div>
                {/volist}
                {/empty}
            </div>
        </div>
    </div>
<!--这里遍历课程结束-->
</body>
</html>

<script>
    $(function(){
        $('.div1').mouseover(function(){
            $(this).css("backgroundColor","white");
        })
        $('.div1').mouseout(function(){
            $(this).css("backgroundColor","rgba(183, 183, 183, 0.14)");
        })



    })
</script>
